<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta name="viewport" content="width=device-width,initial-scale=1.0">
	<link rel="stylesheet" href="./css/reset.css">
	<link rel="stylesheet" href="./css/iconfont.css">
	<link rel="stylesheet" href="./css/base.css">
	<link rel="stylesheet" href="./css/index.css">
</head>
<body>
	<header>
		<div id="search">
			<div id="placehold">
				<i class="iconfont icon-search"></i>寻找宝贝店铺
			</div>
		</div>
	</header>
	<div class="wrap" style="margin-top: 0px;">
		<div id="banner" class="cl">
			<ul class="banner-wrap">
				<li><a href=""><img  src="./img/banner1.jpg" alt=""></a>	
				</li>
				<li>
					<a href=""><img src="./img/banner2.jpg" alt=""></a>
				</li>
				<li>
					<a href=""><img src="./img/banner3.jpg" alt=""></a>
				</li>
				<li>
					<a href=""><img src="./img/banner4.jpg" alt=""></a>
				</li>
				<li>
					<a href=""><img src="./img/banner5.jpg" alt=""></a>
				</li>
				<li>
					<a href=""><img src="./img/banner6.jpg" alt=""></a>
				</li>
			</ul>
			<ul class="banner-nav">
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
		<div id="nav" class="cl">
			<div class="inav">
				<img src="./img/tianmao.png" alt="">
				<p>天猫</p>
			</div>
			<div class="inav">
				<img src="./img/ju.png" alt="">
				<p>聚划算</p>
			</div>
			<div class="inav">
				<img src="./img/jinkou.png" alt="">
				<p>天猫国际</p>
			</div>
			<div class="inav">
				<img src="./img/waimai.png" alt="">
				<p>外卖</p>
			</div>
			<div class="inav">
				<img src="./img/chaoshi.png" alt="">
				<p>天猫超市</p>
			</div>
			<div class="inav">
				<img src="./img/chong.png" alt="">
				<p>充值中心</p>
			</div>
			<div class="inav">
				<img src="./img/lvxing.png" alt="">
				<p>阿里旅行</p>
			</div>
			<div class="inav">
				<img src="./img/tao.png" alt="">
				<p>领金币</p>
			</div>
			<div class="inav">
				<img src="./img/daojia.png" alt="">
				<p>到家</p>
			</div>
			<div class="inav">
				<img src="./img/fenlei.png" alt="">
				<p>分类</p>
			</div>
		</div>
		<!-- 淘宝头条 -->
		<div id="toutiao">
			<span class="hot">最新</span>
			<a href="#">每年的车展你最关心什么?</a>
		</div>

		<!-- 淘抢购 -->

		<div id="qiang">
			<div id="q1" class="cl">
				<a href="#">
					<img src="./img/tv.png" alt="">
				</a>
			</div>
			<div id="q2">
				<a href="">
					<img src="./img/aiguangjie.jpg" alt="">
				</a>
				<a href=""><img src="./img/aiguangjie.jpg" alt=""></a>
			</div>
		</div>

		<!-- 猜你喜欢 -->
		<div id="cai" class="cl">
			<h2>猜你喜欢</h2>
			<p>实时推荐你喜欢的商品</p>
			<a href="">
				<div class="goods">
					<img src="./img/goods-1.jpg" alt="">
					<p>[为你推荐]北欧风格小户型,买了就不亏</p>
					<p class="price">&yen;6758.89</p>
				</div>
			</a>
			<a href="">
				<div class="goods">
					<img src="./img/goods-2.jpg" alt="">
					<p>[为你推荐]北欧风格小户型,买了就不亏</p>
					<p class="price">&yen;6758.89</p>
				</div>
			</a>
			<a href="">
				<div class="goods">
					<img src="./img/goods-3.jpg" alt="">
					<p>[为你推荐]北欧风格小户型,买了就不亏</p>
					<p class="price">&yen;6758.89</p>
				</div>
			</a>
			<a href="">
				<div class="goods">
					<img src="./img/goods-4.jpg" alt="">
					<p>[为你推荐]北欧风格小户型,买了就不亏</p>
					<p class="price">&yen;6758.89</p>
				</div>
			</a>
			<a href="">
				<div class="goods">
					<img src="./img/goods-5.jpg" alt="">
					<p>[为你推荐]北欧风格小户型,买了就不亏</p>
					<p class="price">&yen;6758.89</p>
				</div>
			</a>
			<a href="">
				<div class="goods">
					<img src="./img/goods-6.jpg" alt="">
					<p>[为你推荐]北欧风格小户型,买了就不亏</p>
					<p class="price">&yen;6758.89</p>
				</div>
			</a>
		</div>

		<footer>
			<div id="btn">
				<button>登陆</button>
				<button>注册</button>
				<button>电脑版</button>
				<button>用户反馈</button>
			</div>
			<p>&copy;版权所有xxxxx</p>
		</footer>
	</div>
	<div id="bottom-fixed">
		<ul>
			<li><a href=""><i class="iconfont icon-home"></i></a></li>
			<li><a href=""><i class="iconfont icon-wuliu"></i></a></li>
			<li><a href=""><i class="iconfont icon-cartfill"></i></a></li>
			<li><a href=""><i class="iconfont icon-zhanghu"></i></a></li>
			<li><a href=""><i class="iconfont icon-ttpodicon"></i></a></li>
		</ul>
	</div>

</body>
	<script src='./js/jquery.js'></script>
	<script src='./js/index.js'></script>
</html>